<div class="container">
    <div class="row">
        <div class="col col-xs-12">
            <div class="panel panel-default">
                <div class="panel-heading ">
                    <div class="margin">生字数量<span class="badge pull-right" id="count"></span></div>
                </div>

                <div class="panel-body">
                    <div class="row">
                        <h1>
                            <div id="board" class="text-center"></div>
                        </h1>
                    </div>
                    <div class="row">
                        <div class="col col-xs-6 text-center">会</div>
                        <div class="col col-xs-6 text-center">不会</div>
                    </div>
                    <div class="row">
                        <div class="col col-xs-6 text-center"><span id="yes">0</span></div>
                        <div class="col col-xs-6 text-center"><span id="no">0</span></div>
                    </div>
                </div>
                <div class="panel-footer">
                    <div class="row">
                        <div class="col col-xs-12 ">
                            <button class="btn btn-success btn-ret pull-right margin" data-ret="true">会了</button>
                            <button class="btn btn-error btn-ret pull-right margin" data-ret="false">不会</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col col-xs-12">
            <div class="panel panel-default">
                <div class="panel-heading ">
                    <a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseAll" aria-expanded="false" aria-controls="collapseAll">
                        打开全部汉字
                    </a>
                    <a href="javascript:;" id="btnReset">
                        还原
                    </a>
                </div>

                <div class="panel-body">
                    <div class="collapse" id="collapseAll">
                        <div class="row">
                            <div class="col col-xs-12 col-sm-12">
                                <span style="font-weight:bold">数字表示：</span>（
                                <span style="color:#000">显示次数</span> 
                                <span style="color:green">会的次数</span>
                                <span style="color:red">不会次数</span>）
                            </div>
                        </div>
                        <div class="row" id="all">
                            
                        </div>
                       
                        <script type="text/html" id="tempAll">

                            <% for(var i = 0; i < array.length; i++){ %>
                               <div class="col col-xs-6 col-sm-2">
                                    <span style="font-weight:bold;font-size:24px"><%=array[i]%> </span>
                                    <span style="color:#000"><%=rate[array[i]].show%></span> 
                                    <span style="color:green"><%=rate[array[i]].yes%></span>
                                    <span style="color:red"><%=rate[array[i]].no%></span>
                               </div>
                            <% } %>
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>